@charset "UTF-8";
.wlh-containner{
    display: flex;
    min-height: 100vh;
    min-width: 1200px;
    flex-direction: column;
    margin: 0;
    background: #f1f4f6;
    &.fixed-header{
        .header{
            position: fixed;
            width: 100%;
            top: 0;
        }
    }
    .header{
        background: #fafbfc;
        box-shadow: 0 0.46875rem 2.1875rem rgba(4,9,20,0.03), 0 0.9375rem 1.40625rem rgba(4,9,20,0.03), 0 0.25rem 0.53125rem rgba(4,9,20,0.05), 0 0.125rem 0.1875rem rgba(4,9,20,0.03);
        height: 60px;
        display: flex;
        align-items: center;
        align-content: center;
        position: relative;
        z-index: 10;
        transition: all .2s;
        min-width: 1200px;
    }
}
.wlh-main{
    flex: 1;
    display: flex;
    z-index: 8;
    position: relative;
    padding-top: 60px;
    .wlh-sider-left{
        background: #fff;
        position: fixed;
        height: 100vh;
        box-shadow: 7px 0 60px rgba(0,0,0,0.05);
        width: 200px;
        display: flex;
        z-index: 11;
        overflow: hidden;
        min-width: 200px;
        flex: 0 0 280px;
        margin-top: -60px;
        padding-top: 60px;
        transition: all .2s;
    }
    .wlh-main-out{
        z-index: 9;
        padding-left: 200px;
        flex: 1;
        flex-direction: column;
        display: flex;
        .wlh-main-out-contain{
            padding: 30px 30px 0;
            flex: 1;
        }
        .wlh-footer{
            height: 60px;
            .wlh-f-contain{
                background: #fafbfc;
                padding: 0 1.5rem 0 .75rem;
                height: 60px;
                display: flex;
                align-content: center;
                align-items: center;
                position: relative;
                overflow: hidden;
                #index-notice-content{
                    position:absolute;white-space: nowrap;
                }
            }
        }
    }
}
.lotter-res-contain{
    position: fixed;
    z-index: 155;
    right: -30px;
    top: 0;
    height: 100vh;
    transform: translate(500px);
    transition: all .2s;
    box-shadow: -0.46875rem 0 2.1875rem rgba(4,9,20,0.03), -0.9375rem 0 1.40625rem rgba(4,9,20,0.03), -0.25rem 0 0.53125rem rgba(4,9,20,0.05), -0.125rem 0 0.1875rem rgba(4,9,20,0.03);
}